<!DOCTYPE HTML>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->

<!-- Mirrored from dbooom.com/themes/html/manifest/features/tabs.html by HTTrack Website Copier/3.x [XR&CO'2010], Mon, 04 Apr 2011 01:52:52 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8"><!-- /Added by HTTrack -->
<head>
    <meta charset="UTF-8">

    <!-- Page title -->
    <title>Manifest - Tabs and toggles</title>

    <!-- Meta tags -->
    <meta name="description" content="Manifest - premium template." />
    <meta name="author" content="dbooom.com" />

    <!-- Set the viewport to the device's width -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Page icons -->
    <link rel="shortcut icon" href="../favicon.ico" />
    <link rel="apple-touch-icon" href="../apple-touch-icon.png" />

    <!-- Stylesheets -->
    <link rel="stylesheet" href="../styles/styles.css" />
    
    <!-- Other scripts files located at the bottom of the page -->
    <script src="../scripts/modernizr-1.6.min.js"></script>
</head>
<body class="page-tabs page-sidebar-right">
    <!-- JS notice - We'll show it if js is disabled -->
    <p id="jsnotice">Javascript is currently disabled. This site requires Javascript to function correctly. Please <a href="http://enable-javascript.com/"> enable Javascript in your browser</a>!</p>
    <!-- /JS notice -->

    <!-- Header -->
    <header id="page-header">
        <!-- Site name + slogan -->
        <hgroup>
            <h1 id="site-name"><a href="index.html" title="Manifest template frontpage">Manifest template</a></h1>
            <h2 id="site-slogan">Clean, elegant, modern, premium template with rich list of features.</h2>
        </hgroup>
        <!-- /Site name + slogan -->

        <!-- Site navigation wrapper -->
        <div class="navigation-wrapper">
            <!-- Header navigation -->
            <nav id="header-navigation">
                <ul>
                    <li><a href="../index-2.html" title="Frontpage">Home</a>
                        <ul class="subnav">
                            <li><a href="../index-2.html" title="Nivo Slider">Nivo Slider</a></li>
                            <li><a href="../index-3d.html" title="3D Slider">3D Slider</a></li>
                        </ul>
                    </li>

                    <li><a href="#" title="Pages">Pages</a>
                        <ul class="subnav">
                            <li><a href="../sidebar-left.html" title="Page with left sidebar">Page with left sidebar</a></li>
                            <li><a href="../sidebar-right.html" title="Page with right sidebar">Page with right sidebar</a></li>
                            <li><a href="../full-width.html" title="Full width page">Full width page</a></li>
                            <li><a href="../team.html" title="Our team">Our team</a></li>
                            <li><a href="../404.html" title="Not found page">404 Page</a></li>
                        </ul>
                    </li>

                    <li><a href="#" title="Template features">Features</a>
                        <!-- Subnavigation first level -->
                        <ul class="subnav">
                            <li><a href="typography.html" title="Typography elements">Typography</a></li>
                            <li><a href="elements.html" title="Boxes and elements">Boxes and elements</a></li>
                            <li><a href="tabs.html" title="Tabs & Toggles">Tabs & Toggles</a></li>
                            <li><a href="media.html" title="Media">Media</a></li>
                            <li><a href="columns.html" title="Columns">Columns</a></li>
                            <li><a href="widgets.html" title="Widgets library">Widgets</a></li>
                            <li><a href="#" class="with-subnav" title="Skins">Predefined skins</a>
                                <!-- Subnavigation second level -->
                                <ul class="subnav">
                                    <li><a href="skins/blog-post-1.html" title="Skin 1">Skin 1</a></li>
                                    <li><a href="skins/blog-post-2.html" title="Skin 2">Skin 2</a></li>
                                    <li><a href="skins/blog-post-3.html" title="Skin 3">Skin 3</a></li>
                                    <li><a href="skins/blog-post-4.html" title="Skin 4">Skin 4</a></li>
                                    <li><a href="skins/blog-post-5.html" title="Skin 5">Skin 5</a></li>
                                </ul>
                                <!-- /Subnavigation second level -->
                            </li>
                            <li class="last"><a href="#" class="with-subnav" title="Second level navigation test">Dropdown 2rd level</a>
                                <!-- Subnavigation second level -->
                                <ul class="subnav">
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li><a href="#" title="Second level dummy">Second level dummy</a></li>
                                    <li class="last"><a class="with-subnav" href="#" title="Second level dummy">Dropdown 3rd level</a>
                                        <!-- Subnavigation third level -->
                                        <ul class="subnav">
                                            <li><a href="#" title="Third level dummy">Third level dummy</a></li>
                                            <li><a href="#" title="Third level dummy">Third level dummy</a></li>
                                            <li class="last"><a href="#" title="Third level dummy">Third level dummy</a></li>
                                        </ul>
                                        <!-- /Subnavigation third level -->
                                    </li>
                                </ul>
                                <!-- /Subnavigation second level -->
                            </li>
                        </ul>
                        <!-- /Subnavigation first level -->
                    </li>

                    <li><a href="../portfolio-sidebar.html" title="Portfolio">Portfolio</a>
                        <!-- Subnavigation second level -->
                        <ul class="subnav">
                            <li><a href="../portfolio-1.html" title="One Column Portfolio">One Column Portfolio</a></li>
                            <li><a href="../portfolio-2.html" title="Two Columns Portfolio">Two Columns Portfolio</a></li>
                            <li><a href="../portfolio-3.html" title="Three Columns Portfolio">Three Columns Portfolio</a></li>
                            <li><a href="../portfolio-4.html" title="Portfolio Four Columns">Portfolio Four Columns</a></li>
                            <li class="last"><a href="../gallery.html" title="Gallery">Gallery</a></li>
                        </ul>
                        <!-- /Subnavigation second level -->
                    </li>

                    <li><a href="../blog.html" title="Blog">Blog</a>
                        <!-- Subnavigation second level -->
                        <ul class="subnav">
                            <li><a href="../blog-post.html" title="Blog Post">Blog Post</a></li>
                        </ul>
                        <!-- /Subnavigation second level -->
                    </li>

                    <li class="last"><a href="../contacts.html" title="Contacts">Contacts</a></li>
                </ul>
            </nav>
            <!-- /Header navigation -->
        </div>
        <!-- /Site navigation wrapper -->
    </header>
    <!-- /Header -->

    <!-- Page title and breadcrumbs -->
    <section id="page-title" class="clearfix">
        <div class="container_12">
            <!-- Title and page summary -->
            <hgroup id="title-text" class="grid_8">
                <h2>Tabs and Toggles</h2>
                <h3>Separate your content.</h3>
            </hgroup>
            <!-- /Title and page summary -->

            <!-- Site search form -->
            <div id="title-search" class="grid_4 alt-form">
                <form action="http://dbooom.com/themes/html/manifest/features/." id="site-search-form" class="inline">
                    <label>Search criteria</label>
                    <input type="search" name="seach_field" id="seachField" placeholder="Search criteria" />
                    <input type="submit" value="Search" />
                </form>
            </div>
            <!-- /Site search form -->

            <!-- Breadcrumbs -->
            <nav id="breadcrumbs" class="grid_12">
                <a href="index.html">Home</a> » Tabs and toggles
            </nav>
            <!-- /Breadcrumbs -->
        </div>
    </section>
    <!-- /Page title and breadcrumbs -->

    <!-- Page body -->
    <div id="page-body" class="container_12 clearfix">
        <!-- Page content -->
        <div class="page-content grid_8">
            <!-- Tabs -->
            <section>
                <h2 class="underlined-header">Tabs</h2>

                <!-- Code -->
                <div class="toggle-block">
                    <div class="toggle-trigger"><a href="#">View code</a></div>
                    <div class="toggle-content">
                        <pre><code>&lt;div class="tabs-block"&gt;
    &lt;ul class="tabs-controller"&gt;
        &lt;li&gt;&lt;a href="#tab1"&gt;Tab one&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#tab2"&gt;Tab two&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#tab3"&gt;Tab three&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;
&lt;div id="tab1" class="tabs-content"&gt;
    Tab content
&lt;/div&gt;

&lt;div id="tab2" class="tabs-content"&gt;
    Tab content
&lt;/div&gt;

&lt;div id="tab3" class="tabs-content"&gt;
    Tab content
&lt;/div&gt;</code></pre>
                    </div>
                </div>
                <!-- /Code -->

                <!-- Tabs block -->
                <div class="tabs-block">
                    <!-- Tabs controller -->
                    <ul class="tabs-controller">
                        <li><a href="#tab1" title="Tab one">Tab one</a></li>
                        <li><a href="#tab2" title="Tab two">Tab two</a></li>
                        <li><a href="#tab3" title="Tab three">Tab three</a></li>
                    </ul>
                    <!-- Tabs controller -->

                    <!-- Tabs content item -->
                    <div id="tab1" class="tabs-content">
                        <p>Tab 1</p>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                    <!-- /Tabs content item -->

                    <!-- Tabs content item -->
                    <div id="tab2" class="tabs-content widget-posts-simple">
                        <p>Tab 2</p>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                    <!-- /Tabs content item -->

                    <!-- Tabs content item -->
                    <div id="tab3" class="tabs-content">
                        <p>Tab 3</p>
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                    <!-- /Tabs content item -->
                </div>
                <!-- /Tabs block -->
            </section>
            <!-- /Tabs -->

            <hr />

            <!-- Toggles -->
            <section>
                <h2 class="underlined-header">Toggles</h2>

                <!-- Code -->
                <div class="toggle-block">
                    <div class="toggle-trigger"><a href="#">View code</a></div>
                    <div class="toggle-content">
                        <pre><code>&lt;div class="toggle-block"&gt;
    &lt;div class="toggle-trigger"&gt;
        &lt;a href="#"&gt;Toggle title&lt;/a&gt;
    &lt;/div&gt;

    &lt;div class="toggle-content"&gt;
        Toggle content...
    &lt;/div&gt;
&lt;/div&gt;</code></pre>
                    </div>
                </div>
                <!-- /Code -->

                <hr />

                <!-- Toggle block -->
                <div class="toggle-block">
                    <!-- Toggle trigger -->
                    <div class="toggle-trigger"><a href="#">Click me</a></div>
                    <!-- /Toggle trigger -->

                    <!-- Toggle content -->
                    <div class="toggle-content">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                    <!-- /Toggle content -->
                </div>
                <!-- /Toggle block -->

                <!-- Toggle block - sepia -->
                <div class="toggle-block">
                    <div class="toggle-trigger sepia"><a href="#">Click me - toggle "sepia"</a></div>
                    <div class="toggle-content">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                </div>

                <div class="toggle-block">
                    <div class="toggle-trigger ponceau"><a href="#">Click me - toggle "ponceau"</a></div>
                    <div class="toggle-content">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                </div>

                <div class="toggle-block">
                    <div class="toggle-trigger orange"><a href="#">Click me - toggle "orange"</a></div>
                    <div class="toggle-content">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                </div>

                <div class="toggle-block">
                    <div class="toggle-trigger gamboge"><a href="#">Click me - toggle "gamboge"</a></div>
                    <div class="toggle-content">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                </div>

                <div class="toggle-block">
                    <div class="toggle-trigger lemon"><a href="#">Click me - toggle "lemon"</a></div>
                    <div class="toggle-content">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                </div>

                <p>And so on...</p>
            </section>
            <!-- /Toggles -->

            <hr />

            <!-- Accordion -->
            <section>
                <h2 class="underlined-header">Accordion</h2>

                <!-- Code -->
                <div class="toggle-block">
                    <div class="toggle-trigger"><a href="#">View code</a></div>
                    <div class="toggle-content">
                        <pre><code>&lt;div class="accordion-block"&gt;
    &lt;-- Item 1 --&gt;
    &lt;div class="accordion-trigger"&gt;
        &lt;a href="#"&gt;Accordion item title title&lt;/a&gt;
    &lt;/div&gt;

    &lt;div class="accordion-content"&gt;
        Accordion item content...
    &lt;/div&gt;
    &lt;-- /Item 1 --&gt;

    &lt;-- Item 2 --&gt;
    &lt;div class="accordion-trigger"&gt;
        &lt;a href="#"&gt;Accordion item title title&lt;/a&gt;
    &lt;/div&gt;

    &lt;div class="accordion-content"&gt;
        Accordion item content...
    &lt;/div&gt;
    &lt;-- /Item 2 --&gt;

    &lt;-- Item 3 --&gt;
    &lt;div class="accordion-trigger"&gt;
        &lt;a href="#"&gt;Accordion item title title&lt;/a&gt;
    &lt;/div&gt;

    &lt;div class="accordion-content"&gt;
        Accordion item content...
    &lt;/div&gt;
    &lt;-- /Item 3 --&gt;
&lt;/div&gt;</code></pre>
                    </div>
                </div>
                <!-- /Code -->

                <!-- Accordion block -->
                <div class="accordion-block">

                    <!-- Accordion item -->
                    <div class="accordion-trigger"><a href="#">Click me</a></div>

                    <div class="accordion-content">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                    <!-- /Accordion item -->

                    <!-- Accordion item -->
                    <div class="accordion-trigger gamboge"><a href="#">Click me (.gamboge class)</a></div>

                    <div class="accordion-content">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                    <!-- /Accordion item -->

                    <!-- Accordion item -->
                    <div class="accordion-trigger"><a href="#">Click me</a></div>

                    <div class="accordion-content">
                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.</p>
                    </div>
                    <!-- /Accordion item -->
                </div>
                <!-- /Accordion block -->
            </section>
            <!-- /Accordion -->

            <hr />

            <section>
                <h2 class="underlined-header">Table</h2>

                <table class="round-5">
                    <thead>
                        <tr>
                            <th>Th Header 1</th>
                            <th>Th Header 2</th>
                            <th>Th Header 3</th>
                            <th>Th Header 4</th>
                        </tr>
                    </thead>

                    <tbody>
                        <tr class="alt">
                            <td>Td Content 1</td>
                            <td>Td Content 2</td>
                            <td>Td Content 3</td>
                            <td>Td Content 4</td>
                        </tr>
                        <tr>
                            <td>Td Content 1</td>
                            <td>Td Content 2</td>
                            <td>Td Content 3</td>
                            <td>Td Content 4</td>
                        </tr>
                        <tr class="alt">
                            <td>Td Content 1</td>
                            <td>Td Content 2</td>
                            <td>Td Content 3</td>
                            <td>Td Content 4</td>
                        </tr>
                        <tr>
                            <td>Td Content 1</td>
                            <td>Td Content 2</td>
                            <td>Td Content 3</td>
                            <td>Td Content 4</td>
                        </tr>
                        <tr class="alt">
                            <td>Td Content 1</td>
                            <td>Td Content 2</td>
                            <td>Td Content 3</td>
                            <td>Td Content 4</td>
                        </tr>
                        <tr>
                            <td>Td Content 1</td>
                            <td>Td Content 2</td>
                            <td>Td Content 3</td>
                            <td>Td Content 4</td>
                        </tr>
                    </tbody>
                </table>
            </section>
        </div>
        <!-- /Page content -->

        <!-- Page sidebar -->
        <aside class="grid_4 sidebar">
            <!-- Widget categories -->
            <nav class="widget-container widget-categories">
                <h2 class="widget-heading">Categories</h2>
                <div class="widget-content">
                    <ul>
                        <li>
                            <a href="#" title="Design category">Design</a>
                            <span class="widget-hint">136 Posts</span>
                        </li>
                        <li>
                            <a href="#" title="Coding category">Coding</a>
                            <span class="widget-hint">67 Posts</span>
                        </li>
                        <li>
                            <a href="#" title="Inspiration category">Inspiration</a>
                            <span class="widget-hint">61 Posts</span>
                        </li>
                        <li>
                            <a href="#" title="Project management category">Project management</a>
                            <span class="widget-hint">24 Posts</span>
                        </li>
                        <li>
                            <a href="#" title="FX's category">FX's</a>
                            <span class="widget-hint">16 Posts</span>
                        </li>
                    </ul>
                </div>
            </nav>
            <!-- /Widget categories -->

            <!-- Widget newsletter -->
            <section class="widget-container widget-newsletter">
                <h2 class="widget-heading">Newsletter widget</h2>
                <div class="widget-content">
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
                    <form action="http://dbooom.com/themes/html/manifest/features/." method="POST">
                        <input type="text" />
                        <input type="submit" value="Subscribe" />
                    </form>
                </div>
            </section>
            <!-- /Widget newsletter -->
        </aside>
        <!-- /Page sidebar -->
    </div>
    <!-- /Page body -->

    <!-- Bottom widgets -->
    <div id="bottom-widgets" class="clearfix">
        <div class="container_12 alt-widgets">
            <!-- Row -->
            <div class="grid_4">
                <section class="widget-container widget-tweets">
                    <h2 class="widget-heading">Recent tweets</h2>
                    <div class="widget-content"></div>
                </section>
            </div>
            <!-- /Row -->

            <!-- Row -->
            <div class="grid_4">
                <nav class="widget-container widget-recent-posts">
                    <h2 class="widget-heading">Recent posts</h2>
                    <div class="widget-content">
                        <ul>
                            <!-- Post item -->
                            <li>
                                <a href="../blog-post.html" class="img-holder round-3 align-left" title="Proceed to post">
                                    <img src="../assets/gallery_1.jpg" title="Post image" />
                                </a>
                                <a class="post-link" href="../blog-post.html" title="Euismod tincidunt ut laoreet dolore magna...">Euismod tincidunt ut laoreet dolore magna...</a>
                                <time class="post-created" datetime="2011-01-14T23:31:45+01:00">January 14, 2011</time>
                            </li>
                            <!-- /Post item -->

                            <!-- Post item -->
                            <li>
                                <a href="../blog-post.html" class="img-holder round-3 align-left" title="Proceed to post">
                                    <img src="../assets/gallery_2.jpg" title="Post image" />
                                </a>
                                <a class="post-link" href="../blog-post.html" title="Euismod tincidunt ut laoreet dolore magna...">Euismod tincidunt ut laoreet dolore magna...</a>
                                <time class="post-created" datetime="2011-01-14T23:31:45+01:00">January 14, 2011</time>
                            </li>
                            <!-- /Post item -->

                            <!-- Post item -->
                            <li>
                                <a href="../blog-post.html" class="img-holder round-3 align-left" title="Proceed to post">
                                    <img src="../assets/gallery_3.jpg" title="Post image" />
                                </a>
                                <a class="post-link" href="../blog-post.html" title="Euismod tincidunt ut laoreet dolore magna...">Euismod tincidunt ut laoreet dolore magna...</a>
                                <time class="post-created" datetime="2011-01-14T23:31:45+01:00">January 14, 2011</time>
                            </li>
                            <!-- /Post item -->
                        </ul>
                    </div>
                </nav>
            </div>
            <!-- /Row -->

            <!-- Row -->
            <div class="grid_4">
                <section class="widget-container widget-contact-form">
                    <h2 class="widget-heading">Contact form</h2>
                    <div class="widget-content">
                        <!-- Contact form -->
                        <form id="contact-form-widget" method="post" action="http://dbooom.com/themes/html/manifest/sendmail.php">
                            <p>
                                <label for="cf_name">Name <span class="required">(Required *)</span></label>
                                <input type="text" name="cf_name" id="cf_name" class="required" required />
                            </p>

                            <p>
                                <label for="cf_email">Email <span class="required">(Required *)</span></label>
                                <input type="email" name="cf_email" id="cf_email" class="required email" required />
                            </p>

                            <p>
                                <label for="cf_message">Message</label>
                                <textarea name="cf_message" id="cf_message" class="required" rows="5" required></textarea>
                            </p>

                            <p>
                                <input type="submit" value="Send message" />
                            </p>
                        </form>

                        <div class="form-sent"></div>
                        <!-- /Contact form -->
                    </div>
                </section>
            </div>
            <!-- /Row -->
        </div>
    </div>
    <!-- /Bottom widgets -->

    <!-- Footer -->
    <footer id="page-footer" class="container_12 clearfix footer-align">
        <!-- Footer credits -->
        <div class="grid_6 footer-info">
            <p>© Copyright 2011 <a href="http://dbooom.com/themes/html/manifest">Dbooom Themes</a> - All Rights Reserved</p>
        </div>
        <!-- /Footer credits -->

        <!-- Footer navigation -->
        <nav class="grid_6 footer-navigation">
            <ul>
                <li><a href="../index-2.html" title="Frontpage">Home</a></li>
                <li><a href="../blog.html" title="Blog">Blog</a></li>
                <li><a href="../portfolio-1.html" title="Portfolio">Portfolio</a></li>
                <li><a href="../contacts.html" title="Contact information">Contacts</a></li>
            </ul>
        </nav>
        <!-- /Footer navigation -->
    </footer>
    <!-- /Footer -->

    <!-- Scripts -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    <script src="../../../../../ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../scripts/jquery.min.js">\x3C/script>')</script>
    <script src="../scripts/jquery-ui.min.js"></script>
    <script src="../scripts/jquery.easing.1.3.js"></script>
    <script src="../scripts/plugins/nivo/jquery.nivo.slider.pack.js"></script>
    <script src="../scripts/plugins/prettyphoto/jquery.prettyPhoto.js"></script>
    <script src="../scripts/plugins/tipsy/jquery.tipsy.js"></script>
    <script src="../scripts/plugins/video-js/video.js"></script>
    <script src="../scripts/plugins/tweet/jquery.tweet.js"></script>
    <script src="../scripts/plugins/jquery-validate/jquery.validate.min.js"></script>
    <script src="../scripts/scripts.js"></script>

    <!--[if lt IE 9 ]>
    <script src="../scripts/plugins/PIE/PIE.js"></script>
    <script type="text/javascript">
        jQuery('.team-member-img, .team-member-img img, #pager li, #pager a, #pager span').each(function() {
            PIE.attach(this);
        });
    </script>
    <![endif]-->

</body>

<!-- Mirrored from dbooom.com/themes/html/manifest/features/tabs.html by HTTrack Website Copier/3.x [XR&CO'2010], Mon, 04 Apr 2011 01:52:52 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8"><!-- /Added by HTTrack -->
</html>